<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 商品详情</title>
    <link rel="stylesheet" href="../../图标/iconfont.css">
    <link rel="stylesheet" href="../css/lunbo.css">
    <link rel="stylesheet" href="../css/first_page.css">
    <script src="../js/animateBak.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/js列表数据.js"></script>
    <script src="../js/shopList.js"></script>
    <script src="../js/axios.min.js"></script>
    
</head>
<style>
    .Allgoods {
        width: 100px;
        height: 30px;
        margin-left: 300px;
        /* margin-top: 10px; */
    }

    .toumingBtnbox {
        width: 200px;
        height: 450px;
        background: grey;
        position: absolute;
        margin-top: 10px;
        opacity: 1;
        display: none;
        z-index: 101;
    }

    .pic_box {
        width: 900px;
        height: 450px;
        background: white;
        opacity: 1;
        position: absolute;
        top: 0;
        left: 200px;
        z-index: 100;
        display: none;
    }

    .alert_login {
        width: 300px;
        height: 50px;
        position: fixed;
        top: 250px;
        text-align: center;
        line-height: 50px;
        top: 180px;
        right: 500px;
        background: #F7F7F7;
    }

    /* .da{
        width: 100%;
        height: 2000px;
        
    } */
    .bigbanner {
        width: 1000px;
        height: 400px;
        background: white;
        position: absolute;
        top: 300px;
        left: 200px;
        /* margin: 0 auto; */
    }

    .XuanXiangKaList {
        z-index: 103;
    }

    .big_img img {
        width: 400px;
        height: 400px;
        background: white;
        margin-left: -10px;
    }

    .dt_Class {
        float: right;
        margin-top: -400px;
        margin-right: 300px;
    }
</style>

<body>
    <!-- 顶部pic图片 -->
    <div class="pic_warp">
        <div class="top_pic">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/49aa1df3471f88dd2235db8a40785977.jpg?w=5120&h=240"
                alt="">
        </div>
    </div>
    <div class="danghang1Wrap">
        <div class="daohang1">
            <ul>
                <li>小米商城</li>
                <li>MIUI</li>
                <li>loT</li>
                <li>云服务</li>
                <li>天星数科</li>
                <li>有品</li>
                <li>小爱开放平台</li>
                <li>企业团购</li>
                <li>资质证照</li>
                <li>协议规则</li>
                <a class="DownLoad" href="https://www.mi.com/appdownload">
                    <li>下载app
                        <div class="two_hours">
                            <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                            <br><span style="font-size:20px;">小米商城APP</span>
                        </div>
                    </li>
                </a>
                <li>智能生活</li>
                <li>Select Location</li>
            </ul>
        </div>
        <div class="daohang2">
            <ul>
                <li class="logined" style="display: none; color:#FF6700;">已登录</li>
                <li class="login">登录</li>
                <li class="reg">注册</li>
                <li>消息通知</li>
                <li class="cart_Li" style="background: #b8b7b8;">
                    <span class="iconfont icon-gouwuchekong">购物车(0)</span>
                    <div class="cart_box" style="position: absolute;">

                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="two_list">
        <div class="mILeft">
            <div class="mILogo">
                <img src="http://s02.mifile.cn/assets/static/image/mi-logo.png" alt="">
            </div>
            <!-- 选项卡 -->
            <!-- 按钮 -->
            <div class="mIList">
                <button class="Allgoods">全部商品分类</button>
                <ul class="mIListul">

                    <li>小米手机</li>
                    <li>Redmi红米</li>
                    <li>电视</li>
                    <li>笔记本</li>
                    <li>家电</li>
                    <li>路由器</li>
                    <li>智能硬件</li>
                </ul>
            </div>
            <div class="mIServer">
                <ul class="mIServerul">
                    <li>服务</li>
                    <li>社区</li>
                </ul>
            </div>
        </div>
        <div class="right_ipt">
            <input type="text" class="rightIpt" placeholder="【换新】RedmiBook">
            <div class="span_div" style="float: right; margin-top: 22px;">
                <span class="iconfont icon-sousuo"
                    style="font-weight: bolder;font-size:26px;margin-left:12px;line-height:56px;cursor: pointer;"></span>
            </div>
        </div>
    </div>
    <div class="content">
        <ul class="XuanXiangKaList">

        </ul>
    </div>
    <div class="dazhezhao">

    </div>
    <div class="tanchukuangwarp">
        <div class="tanchukuang">
            <span class="false-class"
                style="color: white; font-weight: bolder;float: right; margin: -180px 14px;font-family: '宋体'; cursor: pointer;">X</span>
            <p>小米商城用户协议</p>
            <div class="tongyi">同意</div>
            <div class="butongyi">不同意</div>
        </div>
    </div>
    <div class="cebianlan">
        <div class="box1" style="width: 100px;"> <span class="iconfont icon-shouji" style="font-size:32px"></span>
            <p>手机APP</p>
            <img class="img-box" src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt=""
                style="width: 100px;position:absolute; right:100px; top:20px;display:none;">
        </div>
        <div class="boxlianjie"><span class="iconfont icon-xiazai" style="font-size:32px"></span>
            <p>个人中心</p>
        </div>
        <div class="boxlianjie"><span class="iconfont icon-shouhoufuwuicon
            " style="font-size:32px"></span>
            <p>售后服务</p>
        </div>
        <div class="boxlianjie"><span class="iconfont icon-kefu" style="font-size:32px"></span>
            <p>人工客服</p>
        </div>
        <div class="box_cart"> <a href="myCart.html"><span class="iconfont icon-gouwuchekong" style="font-size:32px"></span>
            <p>购物车</p></a>
        </div>

    </div>
    <div class="come_top">
        <p>回到顶部</p>
    </div>
    <div class="lunbowarp">

        <div class="toumingBtnbox">
            <button class="AnniuBtn">商品一</button>
            <button class="AnniuBtn">商品二</button>
            <button class="AnniuBtn">商品三</button>
            <button class="AnniuBtn">商品四</button>
            <button class="AnniuBtn">商品五</button>
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">

        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
    </div>
    </div>
    <div class="alert_login">
        <span>为方便您购买,请提前登录</span>&nbsp;<span class="login_quick" tyle="font-size: 16px; "><a href="logins.html" style="color:#FF6700;">
                立即登录</a></span>
        &nbsp; <span class="X_diancha" style="cursor: pointer;font-size: 20px;">X</span></div>
    <div class="bigbannerwarp">
        <div class="bigbanner">
            <!-- <a href="MyCart.html">    -->
        </div>
        <a href="logins.html"><button class="dengluBtn" style="width: 200px; height: 50px; background: #FF6700; color: white; position: absolute; top: 500px;left: 700px;">登录后购买</button></a>
        <button class="dengluBtns" style="width: 200px; height: 50px; background: #FF6700; color: white; position: absolute; top: 500px;left: 700px; display: none;">加入购物车</button>
    </div>
    <script>
        let download = document.querySelector('.DownLoad')
        console.log(download);
        let two_hours = document.querySelector('.two_hours')
        console.log(two_hours);
        // 鼠标滑过二维码显示隐藏效果
        download.onmouseenter = function () {
            two_hours.style.display = 'block'
        }
        download.onmouseleave = function () {
            two_hours.style.display = 'none'
        }
        // 获取购物车的li（判断购物车有无商品效果）
        let cart_Li = document.querySelector('.cart_Li')
        console.log(cart_Li);
        // 获取到购物车 box
        let cart_box = document.querySelector('.cart_box')
        console.log(cart_box);
        cart_Li.onmouseenter = function () {
            cart_box.style.display = 'block'
        }
        cart_Li.onmouseleave = function () {
            cart_box.style.display = 'none'
        }
        let carts = localStorage.getItem('carts')
        console.log(carts);
        if (!carts) {
            cart_box.innerHTML = '购物车中还没有商品，赶紧选购吧！'
        }
        let reg = document.querySelector('.reg') // 获取注册标签
        let dazhezhao = document.querySelector('.dazhezhao') //获取遮罩标签
        let tanchukuang = document.querySelector('.tanchukuang') //获取弹出框
        let tongyi = document.querySelector('.tongyi') //获取同意按钮
        let butongyi = document.querySelector('.butongyi') //获取不同意按钮
        let diancha = document.querySelector('.false-class') //获取点差按钮    
        console.log(dazhezhao);
        console.log(reg);
        //    给注册 添加点击事件
        reg.onclick = function () { //点击注册按钮的时候，让遮罩 和弹出框显示出来
            dazhezhao.style.display = 'block'
            tanchukuang.style.display = 'block'
        }
        butongyi.onclick = function () {
            dazhezhao.style.display = 'none'
            tanchukuang.style.display = 'none'
        }
        diancha.onclick = function () {
            dazhezhao.style.display = 'none'
            tanchukuang.style.display = 'none'
        }
        tongyi.onclick = function () {
            location.href = 'reg.html'
        }
        let login = document.querySelector('.login')
        console.log(login);
        login.onclick = function () {
            location.href = 'logins.html'
        }
        // 滑过属性 变色
        let box1 = document.querySelector('.box1') //获取手机App
        console.log(box1);
        let boxlianjie = document.querySelectorAll('.boxlianjie') //获取个人中心和售后和人工客服
        console.log(boxlianjie);
        let box_cart = document.querySelector('.box_cart') //获取购物车box
        console.log(box_cart);

        let img_box = document.querySelector('.img-box') // 获取到 二维码的图片
        console.log(img_box);
        box1.onmouseenter = function () { //给 获取手机 添加鼠标划入 划出事件
            img_box.style.display = 'block' //鼠标划入的时候 二维码显示
            box1.style.color = '#FF6700'
        }
        img_box.onmouseleave = function () { //给 获取手机 添加鼠标划入 划出事件
            img_box.style.display = 'none' //鼠标划出的时候 二维码隐藏
            box1.style.color = '#999899'
        }
        // 遍历每一个box，然后鼠标划入变颜色，划出颜色回归
        boxlianjie.forEach(vbox => {
            vbox.onmouseenter = function () {
                vbox.style.color = '#FF6700'
            }
            vbox.onmouseleave = function () {
                vbox.style.color = '#999899'
            }
        })
        // 获取到 （获取所有商品的）按钮
        let Allgoods = document.querySelector('.Allgoods')
        console.log(Allgoods);
        let toumingBtnbox = document.querySelector('.toumingBtnbox')
        console.log(toumingBtnbox);
        //点击按钮的时候 显示 左侧边栏
        let pic_boxAll = document.querySelectorAll('.pic_box')
        console.log(pic_boxAll);
        Allgoods.onclick = function () {
            // console.log(1);
            toumingBtnbox.style.display = 'block'
        }
        Allgoods.ondblclick = function () {

            pic_boxAll.forEach(box => {
                box.style.display = 'none'
                toumingBtnbox.style.display = 'none'
            })
            console.log(1);
        }
        // 点差去除广告
        let X_diancha = document.querySelector('.X_diancha') // 获取X
        //   console.log(X_diancha);
        let alert_login = document.querySelector('.alert_login')
        console.log(alert_login);
        X_diancha.onclick = function () {
            alert_login.style.display = 'none'
        }
        let logined = document.querySelector('.logined')
        let logins = document.querySelector('.login')
        let uids = localStorage.getItem('uid')
        if (uids) {
            logins.style.display = 'none'
            logined.style.display = 'block'
        } else {
            login.style.display = 'block'
            logined.style.display = 'none'
        }
    </script>
    <script src="../js/detil.js"></script>
    <script src="../js/dingbudaohang.js"></script>
    <!-- 回到顶部 -->
    <script src="../js/come_top.js"></script>
    <!-- 侧边栏 -->
    <script src="../js/cebianlan.js"></script>


</body>

</html>